<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<link rel="stylesheet" href="./css/index.css">
<link rel="stylesheet" href="./css/yiyuanguanli.css">
<link rel="stylesheet" href="./css/xinzengyuisong.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet"
      integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8"
        crossorigin="anonymous"></script>

<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet"
      integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<body>
<div class="head">
    <span class="sp1">惠光健康</span>
    <p class="p1"><span class="sp2">用户名:</span><span>xxx</span><span class="sp3" data-bs-toggle="modal"
                                                                     data-bs-target="#exampleModal">退出</span><i
            class="s">&#xeb11;</i></p>
</div>
<div class="bian">
    <div class="nav">
        <ul class="ul1">
            <li><a href="index.html"><i class="i1">&#xe627;</i>机构管理</a></li>
            <li><a href="yiyuanguanli.html">医院管理</a></li>
            <li><a href="#"><i class="i1">&#xe604;</i>人员管理</a></li>
            <li><a href="yonghuguanli.html">用户管理</a></li>
            <li><a href="jiarenguanli.html">家人管理</a></li>
            <li><a href="dengluzhanghao.html">账号登录</a></li>
            <li><a href="#"><i class="i1">&#xe66b;</i>内容管理</a></li>
            <li><a href="zixunguanli.html">资讯管理</a></li>
            <li><a href="guanggaoguanli.html">广告管理</a></li>
            <li><a href="yemianguanli.html">页面管理</a></li>
            <li><a href="xiaoxiguanli.html"><i class="i1">&#xe8bd;</i>消息管理</a></li>
            <li><a href="banbenshengji.html"><i class="i1">&#xe78a;</i>版本升级</a></li>
            <li><a href="yonghufankui.html"><i class="i1">&#xe662;</i>用户反馈</a></li>
        </ul>
    </div>
    <div class="content">
        <div class="body-right">
            <nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb" class="nav11">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item active" aria-current="page">首页</li>
                    <li class="breadcrumb-item">消息管理</li>
                </ol>
            </nav>
            <form action="" method="post">
                <span class="spw"><span style="color: red">*</span>选择推送平台:</span>
                <select class="platform" name="platform" aria-label="Default select example">
                    <option selected="">全部</option>
                    <option value="IOS">IOS</option>
                    <option value="安卓">安卓</option>
                </select>
                <br><br>
                <span class="spw"><span style="color: red">*</span>通知标题:</span>
                <input type="text" class="platform1" placeholder="请输入通知栏标题">
                <br><br>
                <p style="display: flex; align-items: flex-start">
                    <span class="spw"><span style="color: red">*</span>通知内容:</span>
                    <textarea name="" id="" cols="50" rows="4" placeholder="请输入推送内容"></textarea>
                </p>
                <p>
                    <span class="spw"><span style="color: red">*</span>发送时间:</span>
                    <input type="radio" name="type" value="立即发送">立即发送
                    <br>
                    <span class="spw"></span>
                    <input type="radio" name="type" value="定时发送">定时发送
                    <input type="text" style="width: 200px">
                </p>
                <p>
                    <span class="spw">点击通知打开:</span>
                    <input type="url" style="width: 350px" placeholder="请填写要打开的地址">
                </p>
                <p><span class="spw"></span>
                    <button type="submit" class="btn1 btn-primary" style="border-radius: 5px;width: 100px">
                        保存
                    </button>
                </p>
            </form>
        </div>
    </div>
</div>
<!--    确认退出按钮 需要引入bootstrap的js css-->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">确认退出?</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <!--            <div class="modal-body">-->
            <!--                ...-->
            <!--            </div>-->
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary">确认</button>
            </div>
        </div>
    </div>
</div>
<script src="./js/quanping.js"></script>
</body>
</html>